<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>产品信息统计</title>
		<link rel="stylesheet" type="text/css" href="../../css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/list.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/layui.css"/>
	</head>
	<body>
		<!-- 蓝色背景区域 -->
		<div class="wrap">
			<!-- 白色可用区域 -->
			<div class="canuse">
				<!------ 位置 ------>
	            <p class="contentText local"><span>位置：生产数据统计 > 产品信息统计</span></p>
            	<!-- 搜索区 -->
	            <div class="search_area">
                    <h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>查询条件</span></h4>
                    <div class="select_area">
                        <div class="select_text clear">
                        	<div class="label_input">
	                            <label class="contentText">产品代号：</label> 
	                            <input type="text" name="" id="">
                        	</div>
                        	<div class="label_input">
	                            <label class="contentText">零部件代号：</label> 
	                            <input type="text" name="" id="">
                        	</div>
                            <div class="floatLeft">
	                            <button class="btn_search bgd_blue_search">查询</button>
	                            <button class="btn_clear bgd_white_clear">重置</button>
                            </div>
                        </div>
                    </div>
	            </div>
	            <!-- 列表区 -->
	            <div class="show_list">
                	<div class="title_operate">
                    	<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>产品批次信息列表</span></h4>
                	</div>
                	<div class="list_area">
                        <!-- 信息列表区 -->
                        <div class="info_area">
                            <table class="tablelist" border="1" cellspacing="0" cellpadding="0">
                                <tbody>
                                    <tr class="menuText list_head">
                                    	<th class="">生产批次号</th>
                                    	<th class="">产品代号</th>
										<th class="">零部件代号</th>
                                        <th class="">计划数量</th>
                                        <th class="">完工数量</th>
                                        <th class="">实际开工时间</th>
                                        <th class="">实际完工时间</th>
                                        <th class="">合格率</th>
                                        <th class="">直通率</th>
                                        <th class="">完工进度</th>
                                        <th class="">备注</th>
                                    </tr>
                                </tbody>
                                <tbody class="tablelist" id="dealWarning">
                                    <tr class="listTableText list_list">
                                    	<td><a onclick="showDetail()">df236</a></td>
                                    	<td>xb321</td>
										<td>BJ32111</td>
                                        <td>100</td>
                                        <td>90</td>
                                        <td>2020-01-10</td>
                                        <td>2020-02-08</td>
                                        <td>100%</td>
                                        <td>100%</td>
                                        <td>90%</td>
                                        <td></td>
                                    </tr>
                                    <tr class="listTableText list_list">
                                    	<td><a onclick="showDetail()">df236</a></td>
                                    	<td>xb321</td>
										<td>BJ32111</td>
                                        <td>100</td>
                                        <td>90</td>
                                        <td>2020-01-10</td>
                                        <td>2020-02-08</td>
                                        <td>100%</td>
                                        <td>100%</td>
                                        <td>90%</td>
                                        <td></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
	                    <!-- 页码区域 -->
	                    <div class="page_area contentText clear">
	                    	<div class="page_sum">
	                    		共<span class="page_number"> 3 </span>页&emsp;每页 10 条&emsp;共<span class="info_sum"> 27 </span>条记录
	                    	</div>
	                        <div class="page_jump">
	                        	<span>跳转到&emsp;第</span>
	                        	<input type="text" name="" id="" value="" />
	                        	<span>页&emsp;</span>
	                        	<button>Go</button>
	                        </div>
	                        <div class="page-pull-right async-page">
	                            <button>上一页</button>
	                            <button class="select_page">1</button>
	                            <button>2</button>
	                            <button>3</button>
	                            <button style="color: rgb(30, 30, 30);">▪▪▪</button>
	                            <button>98</button>
	                            <button>99</button>
	                            <button>100</button>
	                            <button>下一页</button>
	                        </div>
	                    </div>
                    </div>
                </div>
                
                <div class="show_list" id="detail">
                	<div class="title_operate">
                    	<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>批次计划信息列表</span></h4>
                	</div>
                	<div class="list_area">
                        <!-- 信息列表区 -->
                        <div class="info_area">
                            <table class="tablelist" border="1" cellspacing="0" cellpadding="0">
                                <tbody>
                                    <tr class="menuText list_head">
                                    	<th class="">生产计划号</th>
                                    	<th class="">产品代号</th>
										<th class="">零部件代号</th>
                                        <th class="">计划数量</th>
                                        <th class="">完工数量</th>
                                        <th class="">计划开工时间</th>
                                        <th class="">计划完工时间</th>
                                        <th class="">实际开工时间</th>
                                        <th class="">实际完工时间</th>
                                        <th class="">合格率</th>
                                        <th class="">直通率</th>
                                        <th class="">完工进度</th>
                                    </tr>
                                </tbody>
                                <tbody class="tablelist" id="dealWarning">
                                    <tr class="listTableText list_list">
                                    	<td><a onclick="showProcessDetail()">df236</a></td>
                                    	<td>xb321</td>
										<td>BJ32111</td>
                                        <td>60</td>
                                        <td>60</td>
                  						<td>2020-01-10</td>
                                        <td>2020-02-08</td>
                                        <td>2020-01-10</td>
                                        <td>2020-02-08</td>
                                        <td>100%</td>
                                        <td>100%</td>
                                        <td>90%</td>
                                    </tr>
                                    <tr class="listTableText list_list">
                                    	<td><a onclick="showProcessDetail()">df236</a></td>
                                    	<td>xb321</td>
										<td>BJ32111</td>
                                        <td>60</td>
                                        <td>60</td>
                  						<td>2020-01-10</td>
                                        <td>2020-02-08</td>
                                        <td>2020-01-10</td>
                                        <td>2020-02-08</td>
                                        <td>100%</td>
                                        <td>100%</td>
                                        <td>90%</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
	                    <!-- 页码区域 -->
	                    <div class="page_area contentText clear">
	                    	<div class="page_sum">
	                    		共<span class="page_number"> 3 </span>页&emsp;每页 10 条&emsp;共<span class="info_sum"> 27 </span>条记录
	                    	</div>
	                        <div class="page_jump">
	                        	<span>跳转到&emsp;第</span>
	                        	<input type="text" name="" id="" value="" />
	                        	<span>页&emsp;</span>
	                        	<button>Go</button>
	                        </div>
	                        <div class="page-pull-right async-page">
	                            <button>上一页</button>
	                            <button class="select_page">1</button>
	                            <button>2</button>
	                            <button>3</button>
	                            <button style="color: rgb(30, 30, 30);">▪▪▪</button>
	                            <button>98</button>
	                            <button>99</button>
	                            <button>100</button>
	                            <button>下一页</button>
	                        </div>
	                    </div>
                    </div>
                </div>
                
                <div class="show_list" id="inProcessDetail">
                	<div class="title_operate">
                    	<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>各工序生产信息列表</span></h4>
                	</div>
                	<div class="list_area">
                        <!-- 信息列表区 -->
                        <div class="info_area">
                            <table class="tablelist" border="1" cellspacing="0" cellpadding="0">
                                <tbody>
                                    <tr class="menuText list_head">
                                    	<th class="">工序号</th>
                                    	<th class="">工序名称</th>
                                        <th class="">班组</th>
                                        <th class="">操作人员</th>
                                        <th class="">总工时</th>
                                        <th class="">计划数量</th>
                                        <th class="">完工数量</th>
                                        <th class="">实际开工时间</th>
                                        <th class="">实际完工时间</th>
                                        <th class="">合格率</th>
                                        <th class="">直通率</th>
                                        <th class="">单位平均工时</th>
                                        <th class="">完工进度</th>
                                        <th class="">备注</th>
                                    </tr>
                                </tbody>
                                <tbody class="tablelist" id="dealWarning">
                                    <tr class="listTableText list_list">
                                    	<td><a onclick="showProcessRecordDetail()">05</a></td>
                                    	<td>零部件准备</td>
                                        <td>光机调整</td>
                                        <td>王博</td>
                                        <td>0小时</td>
                                        <td>10</td>
                                        <td>10</td>
                                        <td>2020-01-10</td>
                                        <td>2020-02-10</td>
                                        <td>100%</td>
                                        <td>100%</td>
                                        <td>0小时</td>
                                        <td>100%</td>
                                        <td></td>
                                    </tr>
                                    <tr class="listTableText list_list">
                                    	<td><a onclick="showProcessRecordDetail()">05</a></td>
                                    	<td>零部件准备</td>
                                        <td>光机调整</td>
                                        <td>王博</td>
                                        <td>0小时</td>
                                        <td>10</td>
                                        <td>10</td>
                                        <td>2020-01-10</td>
                                        <td>2020-02-10</td>
                                        <td>100%</td>
                                        <td>100%</td>
                                        <td>0小时</td>
                                        <td>100%</td>
                                        <td></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
	                    <!-- 页码区域 -->
	                    <div class="page_area contentText clear">
	                    	<div class="page_sum">
	                    		共<span class="page_number"> 3 </span>页&emsp;每页 10 条&emsp;共<span class="info_sum"> 27 </span>条记录
	                    	</div>
	                        <div class="page_jump">
	                        	<span>跳转到&emsp;第</span>
	                        	<input type="text" name="" id="" value="" />
	                        	<span>页&emsp;</span>
	                        	<button>Go</button>
	                        </div>
	                        <div class="page-pull-right async-page">
	                            <button>上一页</button>
	                            <button class="select_page">1</button>
	                            <button>2</button>
	                            <button>3</button>
	                            <button style="color: rgb(30, 30, 30);">▪▪▪</button>
	                            <button>98</button>
	                            <button>99</button>
	                            <button>100</button>
	                            <button>下一页</button>
	                        </div>
	                    </div>
                    </div>
                </div>
                
                <div class="show_list" id="processRecordDetail">
                	<div class="title_operate">
                    	<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>工序生产记录信息列表</span></h4>
                	</div>
                	<div class="list_area">
                        <!-- 信息列表区 -->
                        <div class="info_area">
                            <table class="tablelist" border="1" cellspacing="0" cellpadding="0">
                                <tbody>
                                    <tr class="menuText list_head">
                                    	<th class="">序号</th>
                                    	<th class="">产品编号</th>
                                        <th class="">开工时间</th>
                                        <th class="">完工时间</th>
                                        <th class="">实际操作人员</th>
                                        <th class="">是否合格</th>
                                        <th class="">附件下载</th>
                                        <th class="">异常编号</th>
                                    </tr>
                                </tbody>
                                <tbody class="tablelist" id="dealWarning">
                                    <tr class="listTableText list_list">
                                    	<td>1</td>
                                    	<td>SCJH2019001702XD00100001</td>
                                        <td>2020-01-10</td>
                                        <td>2020-02-08</td>
                                        <td>王博</td>
                                        <td>合格</td>
                                        <td>交付件下载</td>
                                        <td></td>
                                    </tr>
                                    <tr class="listTableText list_list">
                                    	<td>2</td>
                                    	<td>SCJH2019001702XD00100001</td>
                                        <td>2020-01-10</td>
                                        <td>2020-02-08</td>
                                        <td>王博</td>
                                        <td>合格</td>
                                        <td>交付件下载</td>
                                        <td></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
	                    <!-- 页码区域 -->
	                    <div class="page_area contentText clear">
	                    	<div class="page_sum">
	                    		共<span class="page_number"> 3 </span>页&emsp;每页 10 条&emsp;共<span class="info_sum"> 27 </span>条记录
	                    	</div>
	                        <div class="page_jump">
	                        	<span>跳转到&emsp;第</span>
	                        	<input type="text" name="" id="" value="" />
	                        	<span>页&emsp;</span>
	                        	<button>Go</button>
	                        </div>
	                        <div class="page-pull-right async-page">
	                            <button>上一页</button>
	                            <button class="select_page">1</button>
	                            <button>2</button>
	                            <button>3</button>
	                            <button style="color: rgb(30, 30, 30);">▪▪▪</button>
	                            <button>98</button>
	                            <button>99</button>
	                            <button>100</button>
	                            <button>下一页</button>
	                        </div>
	                    </div>
                    </div>
                </div>
			</div>
			<!-- 版尾  -->
			<div class="ending">
				Copyright© 2019-2020 磐基技术有限公司
			</div>
		</div>
	</body>
	<script src="../../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/frame/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/3rd/jquery-ui.js" type="text/javascript"></script>
	<script type="text/javascript">
		var h = document.documentElement.clientHeight;
		$(".wrap").css("height", h);
		
		// 获取每行 td 的兄弟节点
		$("td").hover(   
			function () {      
				$(this).parent().children().addClass("td_hover");   
			},    
			function () {      
				$(this).parent().children().removeClass("td_hover");   
			}
		);
		
		$(function(){
			$("#detail").hide();
			$("#inProcessDetail").hide();
			$("#processRecordDetail").hide();
		});
		
		function showDetail(){
	    	$("#detail").show();
	    	$("#inProcessDetail").hide();
	    	$("#processRecordDetail").hide();
	    }
		
		function showProcessDetail(){
	    	$("#inProcessDetail").show();
	    	$("#processRecordDetail").hide();
	    }
		
		function showProcessRecordDetail(){
	    	$("#processRecordDetail").show();
	    }
	</script>
</html>
